<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
<?php include "../pub/meta.html";?>
<title>steps</title>
<?php include "../pub/head-cssjs.html";?>
<link rel="stylesheet" type="text/css" href="steps.css">
</head>
<body>
<div class="page layout-lm">
<?php include "../pub/top-bar.html";?>
  <div class="wrap-container">
    <div id="container" class="clearfix">
      <div id="aside_first" class="aside">
        <div class="inner-aside">
          <?php include "../pub/asidenav-common-design-block.html";?>
        </div>
      </div>
      <div id="main">
        <div class="inner-main">
          <div id="steps_page">
            <h2>标题类</h2>
            <div class="steps-nav">
              <ul class="inline-float">
                <li class="steps-1st">
                  <span class="dot"></span>
                  <strong>第一步标题</strong>
                </li>
                <li class="steps-2nd">
                  <span class="dot"></span>
                  <strong>第二步标题</strong>
                </li>
                <li class="steps-3rd">
                  <span class="dot"></span>
                  <strong>第三步标题</strong>
                </li>
              </ul>
            </div>
            <div class="steps-nav steps-2">
              <ul class="inline-float">
                <li class="steps-1st">
                  <span class="dot"></span>
                  <strong>第一步标题</strong>
                </li>
                <li class="steps-2nd">
                  <span class="dot"></span>
                  <strong>第二步标题</strong>
                </li>
                <li class="steps-3rd">
                  <span class="dot"></span>
                  <strong>第三步标题</strong>
                </li>
              </ul>
            </div>
            <div class="steps-nav steps-3">
              <ul class="inline-float">
                <li class="steps-1st">
                  <span class="dot"></span>
                  <strong>第一步标题</strong>
                </li>
                <li class="steps-2nd">
                  <span class="dot"></span>
                  <strong>第二步标题</strong>
                </li>
                <li class="steps-3rd">
                  <span class="dot"></span>
                  <strong>第三步标题</strong>
                </li>
              </ul>
            </div>
            <h2>数字类</h2>
            <div class="steps-nav-num">
              <ul class="inline-float">
                <li class="steps-1st">
                  <span class="dot">1</span>
                </li>
                <li class="steps-2nd">
                  <span class="dot">2</span>
                </li>
                <li class="steps-3rd">
                  <span class="dot">3</span>
                </li>
              </ul>
            </div>
            <div class="steps-nav-num steps-2">
              <ul class="inline-float">
                <li class="steps-1st">
                  <span class="dot">1</span>
                </li>
                <li class="steps-2nd">
                  <span class="dot">2</span>
                </li>
                <li class="steps-3rd">
                  <span class="dot">3</span>
                </li>
              </ul>
            </div>
            <div class="steps-nav-num steps-3">
              <ul class="inline-float">
                <li class="steps-1st">
                  <span class="dot">1</span>
                </li>
                <li class="steps-2nd">
                  <span class="dot">2</span>
                </li>
                <li class="steps-3rd">
                  <span class="dot">3</span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div><!--main-->
    </div>
  </div><!--wrap-container-->
<?php include "../pub/footer.html";?>
</div>
</body>
</html>
